/* pages/pages-list/ordinary/ordinary.wxss */
.page {
  min-height: 100vh;
  overflow: hidden;

  .bg {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
  }

  .Form {
    width: 710rpx;
    // height: 1060rpx;
    height: 100%;
    background-color: #edf4f6;
    border-radius: 24rpx;
    z-index: 10;
    margin: 280rpx auto 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 20rpx 30rpx 20rpx 30rpx;

    .inpBox {
      margin-bottom: 20rpx;

      .name {
        color: #2e5661;
        font-size: 28rpx;
      }

      input {
        width: 100%;
        height: 62rpx;
        background-color: #ffffff;
        border-radius: 12rpx;
        margin-top: 16rpx;
        box-sizing: border-box;
        padding-left: 22rpx;
        font-size: 28rpx;
      }

      picker {
        width: 100%;
        height: 62rpx;
        line-height: 62rpx;
        background-color: #ffffff;
        border-radius: 12rpx;
        margin-top: 16rpx;
        box-sizing: border-box;
        font-size: 28rpx;
        color: #808080;

        .picker {
          width: 100%;
          height: 62rpx;
          padding: 0 22rpx;

        }

        .picker1 {
          color: #000;
        }

        .icon-r {
          width: 16rpx;
          height: 28rpx;
        }
      }
    }

    .channel {
      // margin-bottom: 30rpx;

      .title {
        color: #2e5661;
        font-size: 32rpx;
      }

      .slt {
        flex-wrap: wrap;
        margin-top: 28rpx;

        .sltBox {
          width: 201rpx;
          height: 72rpx;
          line-height: 72rpx;
          text-align: center;
          background-color: #ffffff;
          border-radius: 12rpx;
          margin-bottom: 28rpx;
          color: #565656;
          font-size: 26rpx;
          box-sizing: border-box;
        }

        .sltBox1 {
          background-color: #D6EAE9;
          color: #2E5661;
        }
      }
    }





  }

  .bot {
    // margin-top: 120rpx;
    width: 100%;
    height: 150rpx;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 20rpx 50rpx;
    z-index: 10;
    text-align: center;

    button,.direct {
      width: 310rpx;
      height: 96rpx;
      line-height: 96rpx;
      border-radius: 48rpx;
      font-size: 32rpx;
    }

    .code {
      color: #047D68;
      border: 1rpx solid #047D68;
    }

    .direct {
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      color: #fff;
    }

    .pintuan {
      width: 686rpx;
      height: 96rpx;
      line-height: 96rpx;
      text-align: center;
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      border-radius: 48rpx;
      box-shadow: 4rpx 4rpx 16rpx #799a9440, -6rpx -6rpx 20rpx #ffffff;
      color: #ffffff;
      font-size: 28rpx;
    }
  }
}